<script type="text/javascript">
    _this.widgetLoad(function () {
        $("button,.btnNext").UI_AddClassHover("hover");
        $("#ChangePass .btnNext").on("tap", function () {
            $("#ChangePass .btnNext").off("tap");
            Infobar.load("user/index");
        });

        $("#ChangePass button").on("tap", function () {
            var passwordold = $("#ChangePass_passwordold").val();
            var passwordnew = $("#ChangePass_passwordnew").val();
            var passwordcfr = $("#ChangePass_passwordcfr").val();
            if ($.trim(passwordold) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập mật khẩu hiện tại.", type: "warning", position: "bottom"});
            }
            else if ($.trim(passwordnew) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập mật khẩu mới.", type: "warning", position: "bottom"});
            }
            else if ($.trim(passwordcfr) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập nhắc lại mật khẩu.", type: "warning", position: "bottom"});
            }
            else if (passwordnew != passwordcfr) {
                Toast.show({id: "gv", text: "Mật khẩu và nhắc mật khẩu không hợp lệ.", type: "warning", position: "bottom"});
            }
            else {
                Toast.progress({});
                $("input").blur();
                $.ajax({
                    url: _this.Base_Api + "change-pass",
                    data: {username: User.username, passwordold: passwordold, passwordnew: passwordnew, passwordcfr: passwordcfr},
                    timeout: 8000,
                    success: function (data) {

                        if (data == "200") {
                            $("input").blur();
                            Toast.progressNext({
                                type: "success",
                                turnoff: 1000,
                                text: "Cập nhật thành công",
                                width: 125,
                                height: 106
                            });

                            Infobar.load("user/index");
                            setTimeout(function () {
                                $(".UI_BarBody").addClass("UI_BarBody_Active FadeIn");
                            }, 100);
                        } else if (data == "404") {
                            Toast.progressNext({
                                type: "warning",
                                text: "Mật khẩu cũ không chính xác.",
                                height: 104,
                                width: 150,
                                turnoff: 3500
                            });
                        }
                        else if (data == "201") {
                            Toast.progressNextToToast({id: "gv", text: "Mật khẩu và nhắc mật khẩu không hợp lệ.", type: "warning", position: "bottom"});
                        }
                        else {
                            Toast.progressNext({
                                type: "failure",
                                text: "Có lỗi xảy ra.",
                                height: 104,
                                width: 111,
                                turnoff: 3500
                            });
                        }
                    }, error: function (jqXHR, textStatus) {

                        if (textStatus == "timeout") {
                            Toast.progressNext({text: "<h6>Kết nối quá lâu.</h6><p>Vui lòng kiểm tra internet hoặc đăng nhập lại.</p>", type: "failure", height: 112, width: 190, turnoff: 3500});
                        } else {
                            Toast.progressNext({text: "Không có kết nối.", type: "failure", height: 98, width: 112, turnoff: 2000});
                        }
                    }
                });
            }
        });
    });
</script>
<div id="ChangePass" class="UI_BarBody UI_BarBody_Active FadeIn">
    <div class="Form">
        <header>Thay đổi mật khẩu</header>
        <p class="input-text">
            <input id="ChangePass_passwordold" type="password" placeholder="Mật khẩu hiện tại" autocorrect="off" autocapitalize="off" />
        </p>
        <p class="input-text">
            <input id="ChangePass_passwordnew" type="password" placeholder="Mật khẩu mới" autocorrect="off" autocapitalize="off" />
        </p>
        <p class="input-text">
            <input id="ChangePass_passwordcfr" type="password" placeholder="Nhắc lại mật khẩu" autocorrect="off" autocapitalize="off" />
        </p>
        <button>Cập nhật</button>
      <a class="btnNext"><i class="fa fa-reply"></i></a
    </div>
</div>